<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>我的推广中心</title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
    <div data-th-replace="layout/user/user-head"></div>
    <div class="u-bg">
        <div class="container pr u-container" id="uCenterMain">
            <section class="uCenter-box pa" id="uCenter-box">
                <div class="row uH">
                    <div class="col-sm-12 uH">
                        <div class="u-i-left__wrap u-i-left_box uH">
                            <!--左侧公共菜单 开始-->
                            <div data-th-replace="layout/user/user-left-menu"></div>
                            <!--左侧公共菜单 结束-->
                            <article class="u-c-c-cont__wrap u-c-c-main uH">
                                <div class="u-c-box uH" style="min-height: 100%;">
                                    <div class="mr20 pr10 pt10 pb10 uH">
                                        <section class="c-head-title clearfix">
                                            <aside class="pull-right mt10">
                                                <a href="javascript:void(0);" id="calendarBtn" class="c-fff fs14 pr" title="去签到">
                                                    <i class="fa fa-calendar-check-o mr5"></i>签到
                                                </a>
                                            </aside>
                                            <h6>
                                                <span class="fs14 c-333 vam hLh30">我的推广中心</span>
                                            </h6>
                                        </section>
                                        <div class="mt20 uExtensionMain">
                                            <!--推广未手机号校验时显示 开始-->
                                           <!-- <section class="hide" >
                                                <div class="extension-bannerTitle__wrap alert alert-warning alert-dismissable">
                                                    <div class="ml10 mr10">
                                                        <section class="row">
                                                            <aside class="col-sm-2">
                                                                <div class="text-center">
                                                                    <span style="font-size: 48px;"><i class="fa fa-trophy"></i></span>
                                                                </div>
                                                            </aside>
                                                            <article class="col-sm-10">
                                                                <h6><span class="fs18">申请推广有什么好处？</span></h6>
                                                                <span class="fs14">(1)、拥有向外推广课程的权限，推广越多，收益越多</span>
                                                                <br>
                                                                <span class="fs14">(2)、如有人通过你的推广链接购买了课程（或未来其它具体支付性质的内容）则你可获得推广收益</span>
                                                            </article>
                                                        </section>
                                                    </div>
                                                </div>
                                                <div class="mt20 pt10">
                                                    <section class="ml20 mr20 pr10">
                                                        <div class="mb20 pb10 container" style="width: 480px;">
                                                            <section class="c-info-tab text-center">
                                                                <h4 class="active" style="border-color: #FFA200"><span class="fs16" style="color: #333">填写资料</span></h4>
                                                            </section>
                                                            <section class="mt20 pt10">
                                                                <div class="ml20 mr20">
                                                                    <div class="input-group mb20"><span class="input-group-addon"><i class="fa fa-mobile-phone fs24 c-warning"></i></span>
                                                                        <input type="text" placeholder="请输入常用手机号" class="form-control input-lg">
                                                                    </div>
                                                                    <div class="form-inline mb20">
                                                                        <div class="input-group"><span class="input-group-addon"><i class="fa fa-superscript fs18 c-warning"></i></span>
                                                                            <input type="text" placeholder="输入动态验证码" class="form-control input-lg">
                                                                        </div>
                                                                        <div class="input-group">
                                                                            <button type="button" class="btn btn-lg btn-outline btn-default" style="font-size: 16px">获取短信验证码</button>
                                                                            <button type="button" class="btn btn-lg btn-outline btn-default" disabled style="font-size: 16px;display: none">58s后重新获取</button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="input-group mb20 has-success"><span class="input-group-addon"><i class="fa fa-user fs18 c-warning"></i></span>
                                                                        <input type="password" placeholder="真实姓名" class="form-control input-lg">
                                                                    </div>
                                                                    <div class="hLh20">
                                                                        <aside class="pull-left">
                                                                            <label class="i-checks">
                                                                                <input type="checkbox" checked class="vam" style="margin: 0" />
                                                                                <span class="vam">我已阅读并同意</span>
                                                                                <a href="protocol.html" class="c-info vam">《268教育软件推广协议》</a>
                                                                            </label>
                                                                        </aside>
                                                                    </div>
                                                                    <div class="mt20 pt10">
                                                                        <button type="button" id="registerBtn" class="btn btn-lg btn-block btn-warning unRadius"> 立即申请 </button>
                                                                    </div>
                                                                </div>
                                                            </section>
                                                        </div>
                                                    </section>
                                                </div>
                                            </section>-->
                                            <!--推广未手机号校验时显示 结束-->
                                            <!--推广中心 开始-->
                                            <section class="uH pr uExtension-cont-box">
                                                <div class="uExtension-cont uExtensionMain-cont">
                                                    <div class="row">
                                                        <div class="col-sm-12">
                                                            <section class="uExtension-cont-txt">
                                                                <p>1、推广员可以向外推广所有商品。</p>
                                                                <p>2、任意他人通过推广员推广链接购买商品即视为推广成功。</p>
                                                                <p>3、每成功推广一单推广员即可获取提成。成功推广越多，获益越多。</p>
                                                                <p>4、推广员在规定时间内即可申请结算，结算金额即为自己在推广时间内的获益总额。</p>
                                                                <p>5、推广员只有在规定结算时间内才能提出结算申请，如错过，将在下一次结算时间一起结算。</p>
                                                                <p>6、推广员也可以发展下级推广员，下级推广员的推广成功还可获得奖励金。</p>
                                                            </section>
                                                        </div>
                                                    </div>
                                                    <section class="uExtension-ewm__wrap">
                                                        <div class="row">
                                                            <div class="col-sm-2">
                                                                <section class="text-center">
                                                                    <img class="img-thumbnail" width="125" height="125" th:src="${appDowMap['url']}" alt="推广微信二维码">
                                                                    <p class="mt5"><span class="fs14 c-888">扫码下载(APP)</span></p>
                                                                </section>
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <section class="text-center">
                                                                    <img class="img-thumbnail" width="125" height="125" th:src="${h5MobileMap['url']}" alt="推广微信二维码">
                                                                    <p class="mt5"><span class="fs14 c-888">扫码进入(H5)</span></p>
                                                                </section>
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <section class="text-center">
                                                                    <img class="img-thumbnail" width="125" height="125" th:src="${smallAppMap['url']}" alt="推广小程序">
                                                                    <p class="mt5"><span class="fs14 c-888">扫码进入(小程序)</span></p>
                                                                </section>
                                                            </div>
                                                        </div>
                                                    </section>
                                                </div>
                                                <!--<footer class="uExtension-footer"></footer>-->
                                            </section>
                                            <!--推广中心 开始-->
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div data-th-replace="layout/user/user-common"></div>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/common/newMessage.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>